$(function() {
	
	layui.use(['table','form','layer','upload'], 
		function() {
		//获得模块对象
		var table = layui.table;
		var form = layui.form;
		var $ = layui.jquery;
		var layer = layui.layer;
		var upload = layui.upload;
		
		// -----------------------------------
		// 数据表格渲染
		var userTable = table.render({
			id : 'stockTb',
			elem : '#test2',
			url : 'stockTrades',
			method : 'get',
			where : {} // 你额外要携带数据，以键值对的方式存入
			,
			 toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
			,
			defaultToolbar : [ 'filter', 'exports', 'print', { // 自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
				title : '提示',
				layEvent : 'LAYTABLE_TIPS',
				icon : 'layui-icon-tips'
			} ],
			cellMinWidth : 80 // 全局定义所有常规单元格的最小宽度（默认：60）
			,
			cols : [ [ {
				type : 'numbers'
			} // 序号
			, {
				type : 'checkbox'
			} // 复选框
			, {
				field : 'stockTradeId',
				title : '股票交易ID',
				width : '150'
				//hide:true
			}, {
				field : 'stockTradeNo',
				title : '股票交易编号',
				width : '200'
				
			},{
				field : 'fundId',
				title : '基金ID',
				width : '200'
			},{
				field : 'fundCode',
				title : '基金代码',
				width : '150'
			}, {
				field : 'fundName',
				title : '基金名',
				width : '150'
			},{
				field : 'stockId',
				title : '股票ID',
				width : '200'
			},{
				field : 'stockCode',
				title : '股票代码',
				width : '150'
			},{
				field : 'stockName',
				title : '股票名',
				width : '150'
				//hide : true
			}, {
				field : 'userId',
				title : '基金经理ID',
				width : '150'
				
			},{
				field : 'userName',
				title : '基金经理',
				width : '150'
				
			},{
				field : 'brokerId',
				title : '券商ID',
				width : '150'
			},{
				field : 'brokerName',
				title : '券商名',
				width : '150'
			},{
				field : 'seatId',
				title : '交易席位ID',
				width : '150'
			},{
				field : 'seatName',
				title : '交易席位名',
				width : '150'
			},{
				field : 'tradeInOrOut',
				title : '交易方式',
				width : '150',
				templet: function (d) {
						 if(d.tradeInOrOut==1){
							 return '买入'
						 }else if(d.tradeInOrOut==2){
							 return '卖出' 
						 }else if(d.tradeInOrOut==3){
							 return '分红' 
						 }else if(d.tradeInOrOut==4){
							 return '派股' 
						 }
	                    
	                 }		
			},{
				field : 'tradeFlag',
				title : '交易标识',
				width : '150',
				templet: function (d) {
					 if(d.tradeFlag==1){
						 return '流入'
					 }else if(d.tradeFlag==2){
						 return '流出' 
					 }
                   
                }		
			},{
				field : 'tradePrice',
				title : '交易价格',
				width : '150'
			},{
				field : 'tradeDate',
				title : '交易日期',
				width : '150'
			},{
				field : 'share',
				title : '交易数量',
				width : '150'
			},{
				field : 'turnover',
				title : '交易额',
				width : '150'
			},{
				field : 'stampTax',
				title : '印花税',
				width : '150'
			},{
				field : 'managementFees',
				title : '征管费',
				width : '150'
			},{
				field : 'transferFee',
				title : '过户费',
				width : '150'
			},{
				field : 'commission',
				title : '佣金费用',
				width : '150'
			},{
				field : 'brokerage',
				title : '经手费',
				width : '150'
			},{
				field : 'total',
				title : '总金额',
				width : '200'
			},{
				field : 'securityInterest',
				title : '证券利息',
				width : '100',
				hide : true
			},{
				field : 'tradeStatus',
				title : '交易状态',
				width : '100',
				templet : function(d) {
					if (d.tradeStatus == 1) {
						return '<span style="color:green;">'
								+ '已结算' + '</span>'
					} else {
						return '<span style="color:red;">'
								+ '未结算' + '</span>'
					}
				}
					
			},
			] ],
			page : true // 开启分页
			,
			limit : 10 // 每页显示的条数
			,
			limits : [ 5, 10, 20, 50, 100 ] // 每页条数的选择项
			,
			loading : true // 是否显示加载条(切换分页的时候显示）
			,
			title : '股票交易数据表' // 定义 table 的大标题（在文件导出等地方会用到）
			// ,id: 'userTable' // 设定容器唯一 id
			,
			even : false
		// 隔行变色
		});
		
		
		//注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function(){
		  var element = layui.element;
		  
		  //…
		});
		
		 
		//头部搜素表单提交
		  form.on('submit(stockQueryBtn)', function(data){
			  console.log(data);
			   console.log(data.elem);//被执行事件的元素DOM对象，一般为button对象
			  console.log(data.form); //被执行提交的form对象，一般在存在form标签时才会返回
			 console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value}
		
			  var data = data.field;
			  userTable.reload({
				  where : {
					  "stockName" : data.stockName,
					  "stockCode" : data.stockCode
					 
					 
				  },
				  page : {
					  curr : 1
				  }
			  });
			// 阻止表单跳转。如果需要表单跳转，去掉这段即可。
			  return false;
		  });
		  
		  

		
		
		//重置
		$("#reset2").click(function(){
			userTable.reload({
				where: {
					"stockName" : null,
					  "stockCode" : null
					 
				} //设定异步数据接口的额外参数，任意设
				,page: {
					curr: 1 //重新从第 1 页开始
				}
			}); 
				 
		})
		
		
	
			 //指定允许上传的文件类型
			  upload.render({
			    elem: '#test4',
			    url: 'imports',
			    exts : 'xls|xlsx',
			    method:'post',
			    accept: 'file', //普通文件
			    done: function(res,index,upload){
			    	layer.msg("上传成功");
			    	
			    	table.reload('stockTb',{
			    		url:'stockTrades'
			    	})
			    },
			  error : function(index,upload){
				  
			  }
			  
			  });
			
	
		
		
		
		
	})
	
});

